// (function(){
//     console.log('aaa')
// })()
// 对象解构
// 浏览器不认识require。所以这个时候需要webpack打包。
const {add,sub}=require('./js/utils')
const utils=require('./js/utils')

import infoObj from './js/info'
console.log(infoObj)
console.log('**********************')
let {name,age}=infoObj //

//直接解构export default 导出的对象报错
// inport {name,age} from './info.js'

// 依赖css文件 require 就连普通的css文件也要装loader
require('./css/common.css')
require('./css/common1.less')

console.log(utils)
console.log(add(1,2))
console.log(sub(10,20))
console.log(infoObj.age)
console.log(infoObj.fn())
console.log('---------')
console.log(name,age)
import Vue from 'vue'
// import App from './vue/app.vue'
// import App from './vue/apptemp'
import App from './vue/app'
console.log(App)
new Vue({
    el:"#app",
    template:`<App></App>`,
    components:{
        App
    }
    
})